<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../css/facebook.css"/>
	<link rel="stylesheet" type="text/css" href="../css/fb-buttons.css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
	<script src="./lib/processing.js"></script>
	<script type="text/javascript" src="./js/canvas.js"></script>
	<script type="text/javascript" src="./js/game.js"></script>
	<script>var createjs=window;</script>
	<script src="http://code.createjs.com/easeljs-0.5.0.min.js"></script>
	<script src="http://code.createjs.com/tweenjs-0.3.0.min.js"></script>
	<script src="http://code.createjs.com/soundjs-0.3.0.min.js"></script>
	<script src="http://code.createjs.com/preloadjs-0.2.0.min.js"></script>
	<script src="http://code.createjs.com/movieclip-0.5.0.min.js"></script>
	<link rel="stylesheet" type="text/css" href="./css/game.css" media="screen" />
	<script type="text/javascript" src="./js/canvas.js"></script>
</head>

<body >
<title>Welcome to Facebook</title>

<div id="header" style="height:40px">
	<h1 class="fbbanner"><a class="fbbanner" href="controlled_complete_failed.html" style="text-decoration:none">facebook</a></h1>
	<img style="position:absolute; left:115px; width:80px; top:8px" src="../img/banner_items.png">
	<img style="position:absolute; left:195px; width:370px; top:3px" src="../img/banner_search.png">
	<img style="position:absolute; right:137px; width:10px; top:19px" src="../img/banner_separator.png">
	<img style="position:absolute; right:88px; width:10px; top:19px" src="../img/banner_separator.png">
	<img style="position:absolute; right:70px; width:20px; top:16px" src="../img/banner_arrow.png">
	<h1 style="font-size:11px; color:#d3dfea; position:absolute; right:150px; top:12px; font-family:Lucida Grande"><a href="../view/controlled_complete_failed.html" style="text-decoration:none; color:#d3dfea;"></a></h1>
	<h1 style="font-size:11px; color:#d3dfea; position:absolute; right:101px; top:12px; font-family:Lucida Grande""><a href="../view/controlled_complete_failed.html" style="text-decoration:none; color:#d3dfea;">Home</a></h1>
</div>
<div>
<canvas id="game" width="850" height="600" style="position:absolute; top:80px; left:100px"></canvas>
<a href="../view/controlled_complete_failed.html" style="text-decoration:none">
		<input class = "uibutton confirm" type="submit" value="Skip This Game >" style="position: absolute;  left: 835px; top: 695px;"/> 
	</a>
</div>

<img style="position:absolute; left:30px; width:1000px; top:725px" src="../img/footer.png">

<!--<div>
	<table border="1px" bordercolor="#cccccc" style="border-collapse:collapse; position:absolute; width:500px; height:300px; left:240px; top:130px; border-radius:40px;">
		<tr>
				<td>
					<h1 style="position:absolute; color:#1c2a47; font-family:Lucida Grande; top:20px; left:20px; font-size:16px">Update your password  </h1>
					<img style="position:absolute; width:180px;right:18px; top:34px" src="../img/default_strength_meter.png">
					<hr size="1" color="#cccccc" noshade style="position:absolute; width:455px; left:20px; top:50px">
					
					<div style="position:absolute; left:20px; top:0px; width:200px">
					<div style="position: absolute; font-family:Lucida Grande; font-size:13px; left: 35px; top: 100px;">Old Password: </div>
					<input class = "textbox" type="text" name="email" style="position: absolute; width:200px; left: 140px; top: 98px;"/>
					
					<div style="position: absolute; font-family:Lucida Grande; font-size:13px; left: 30px; top: 150px;">New Password: </div>
					<input class = "textbox" type="text" name="email" style="position: absolute; width:200px; left: 140px; top: 148px;"/>
					
					<div style="position: absolute; font-family:Lucida Grande; font-size:13px; left: 30px; top: 200px;">New Password: </div>
					<input class = "textbox" type="text" name="email" style="position: absolute; width:200px; left: 140px; top: 198px;"/>
					</div>
				</td>
		</tr>
		<tr style="height:40px; background-color:#f2f2f2">
				<td>
					<form method="get" action="controlled_complete_failed.html">
						<input type="button" name="next" style="position:absolute; top:267px; right:8px; height:100%; width:45px; background-size:100%; background:url(../img/next_button.png) no-repeat; border-width:0px">
					</form>
					<a href="controlled_complete_failed.html" style="text-decoration:none"><img style="position:absolute; top:267px; right:8px; height:25px; width:45px; background-size:100%; background:url(../img/next_button.png) no-repeat; border-width:0px"></a>
				</td>
		</tr>
	</table>
	<img style="position:absolute; left:30px; width:1000px; top:500px" src="../img/footer.png">
</div>-->

</body>
</html>